import Vuex from 'vuex'
import Vue from 'vue'
Vue.use(Vuex)
/*
1:创建state数据
2：渲染列表
3：实现删除功能
4：实现添加功能
5：数量显示功能
*/

export default new Vuex.Store({
  state: {
    list: [
      {
        id: 1,
        name: '学习',
        done: false
      },
      {
        id: 2,
        name: '玩游戏',
        done: true
      },
      {
        id: 3,
        name: '吃饭',
        done: false
      }
    ]
  },
  mutations: {
    // 删除
    delItem (state, id) {
      // filter
      // 返回值=数组.filter(item=>{return boolean值，true:当前项保留，false:不保留})
      state.list = state.list.filter(item => {
        return item.id !== id
      })
    },
    // 添加
    addItem (state, obj) {
      state.list.unshift(obj)
    }
  },
  actions: {},
  getters: {
    // 获取总条数
    getTotal (state) {
      return state.list.length
    }
  },
  modules: {}
})
